import { fetchAddTodo } from "@/api";

export interface TodoItem {
  id: number;
  title: string;
}
type Todos = TodoItem[];

export function useTodoStore() {
  const todos: Todos = [];

  async function addTodo(title: string) {
    if (!title) return null;
    const { data, state } = await fetchAddTodo(title);

    const todo = {
      id: data.todo.id,
      title: data.todo.title,
    };
    if (state) {
      todos.push(todo);
    }
    return todo;
  }

  return {
    todos,
    addTodo,
  };
}
